<!DOCTYPE html>  
<html lang="zh">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>排行一周榜单</title>  
    <link rel="stylesheet" href="styles.css">  
</head>  
<body>  
    <header>  
        <div class="nav-bar">  
            <button class="nav-item">  
                <span class="rank">1</span>  
                <span class="title">TOP3</span>  
            </button>  
            <button class="nav-item">  
                <span class="rank">2</span>  
                <span class="title">不狂不行呀</span>  
            </button>  
            <button class="nav-item">  
                <span class="rank">3</span>  
                <span class="title">感觉狂了也没什么用</span>  
            </button>  
        </div>  
        <div class="date">11.04-11.10</div>  
    </header>  
</body>  
</html>